<template>
    <div>
        <van-nav-bar title="标题" left-text="返回" left-arrow @click-left="onClickLeft" />
        <div class="canshuxiangqing">
            <div v-for="item, s in data.datas?.baseAttributes" :key="s">
                <div>
                    {{ item.groupName }}
                </div>
                <div>
                    <div v-for="items, i in item.attributes" :key="i">
                        <span> {{ items.name }}:</span>
                        {{ items.value[0] }}
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="bomUrl">
        <div v-for="item, i in data.datas?.specImagesMaps" :key="i">
            <img :src="item.url" alt="">
        </div>
    </div>
    <van-cell />

    <van-back-top right="15vw" bottom="10vh" />
</template>

<script setup lang="ts">
import { reactive, ref } from 'vue';
import { useStore } from 'vuex';
let store = useStore()
const onClickLeft = () => history.back();
let data = reactive({
    datas: {} as any
})


const isshow = ref(false);
const isshowPopup = () => {
    isshow.value = true;
};
data.datas = JSON.parse(store.state.xiangqingdata.resultData)
</script>

<style lang="less" >
.canshuxiangqing {
    >div {
        padding: 15rem 20rem;
        display: flex;
        align-items: center;
        text-align: left;
        border: 1px solid #f3f3f3;

        >div:nth-child(1) {
            width: 100rem;
            font-size: 16rem;
            font-weight: 600;
        }

        >div:nth-child(2) {
            width: 200rem;
            font-size: 14rem;

            span {
                font-weight: 600;
            }
        }
    }
}

.bomUrl {
    img {
        width: 375rem;
    }
}

.van-nav-bar .van-icon{
    color: #333333;
}
.van-nav-bar__text{
    color: #333333;
}
</style>